@tailwind base;
@tailwind components;
@tailwind utilities;

@layer global {
  html,
  body,
  #root {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
      "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  }

  /* default scrollbar width is thin  */
  * {
    scrollbar-color: unset;
    scrollbar-width: thin;
  }

  body {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .ant-app,
  .ant-layout {
    height: 100%;
  }

  @media (width <= 768px) {
    .ant-table {
      width: 100%;
      overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
      white-space: pre;
    }

    .ant-table-thead > tr > th > span,
    .ant-table-tbody > tr > th > span,
    .ant-table-thead > tr > td > span,
    .ant-table-tbody > tr > td > span {
      display: block;
    }
  }
}

/* progress color use antd primary color */
html #nprogress .bar {
  background: #1677ff;
}
